<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../vue/vue.js" charset="utf-8"></script>

</head>
<body>

<template id="muban">
    <ul>
        <li v-for="value in arr">
            {{value]}}
        </li>
    </ul>
</template>

<div id="app">

    <aaa></aaa>
</div>

<script>

    new Vue({
        el:'#app',
        data:{
            arr:['apple','banana','orange']
        },
        components:{
            'aaa':{
                data(){
                    return{
                        msg:'我是一个标题',
                        arr:['apple','banana','orange']
                    }
                },
                template:'#muban'
            }
        }
    })
</script>

</body>
</html>